<?php include("header.php"); ?>
	
	<div id="title_container" class="row-fluid">
		<div class="span4"><h2 style="color:grey; padding-bottom:6px;">Titre du produit</h2></div>
		<div class="span8 text-right" style="padding-top:16px;">
			<div class="row-fluid">
				<div class="btn-group">
					<a class="btn btn-danger" href="#"><i class="icon-heart icon-white"></i> Je le veux</a>
					<a class="btn btn-danger" href="#" style="font-weight:bold;">3</a>
				</div>
				<div class="btn-group">
					<a href="#" class="btn" id="popover" data-html="true" data-toggle="popover" data-placement="bottom" data-content="<div class='input-append' id='prix'> <input class='span8' id='appendedInputButton' type='text' placeholder='Nouveau prix...'> <button class='btn' type='button'>Ajouter</button> </div> " title="" data-original-title="Ajouter un nouveau prix"><i class="icon-ok"></i> Je l'ai</a>
					<a class="btn" href="#" style="font-weight:bold;">34</a>
					
				</div>
			</div>
		</div>
	</div>
	<div class="row-fluid" id="product_full">
		<div class="span7">
			
			<p><img src="http://media-cache-ec5.pinterest.com/avatars/azeventdiva-42_30.jpg">
			<small style="color:#B2B39F;">Par <i><b>Akram Fares</b></i> dans <i><b>My awesome products</b></i></small></p>
			<div class="image">
				<img src="img/fisherman.jpg" class="img-rounded"/>
				<span class="badge badge-warning">4 DHs</span> 
			</div>
			<p><i class="icon-map-marker"></i> 12 Gare de Tabriquet, <b>Sale</b></p>
			<p><small style="color:grey;">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</small></p>
		</div>
		<div class="span5">
			<div class="row-fluid">
				<h5 class="underline"><i class="icon-tags"></i> Apparait dans <b>3</b> collections</h5>
				<ul class="unstyled">
				  <li>Liste 1</li>
				  <li>Liste 2</li>
				  <li>Liste 3</li>
				</ul>
				<h5 class="underline"><i class="icon-comment"></i> 2 Commentaires</h5>
					<div class="comments" style="background:#FCFBE3; padding:10px;">
						<div class="media" >
						  <a class="pull-left" href="#">
						    <img src="http://media-cache-ec1.pinterest.com/avatars/welkerpatrick-1359489790_30.jpg">
						  </a>
						  <div class="media-body">
						    <h5 class="media-heading">Akram Fares</h5>
						    <small>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</small>
						    </div>
						  </div>
						<div class="media">
						  <a class="pull-left" href="#">
						    <img src="http://media-cache-ec1.pinterest.com/avatars/welkerpatrick-1359489790_30.jpg">
						  </a>
						  <div class="media-body">
						    <h5 class="media-heading">Akram Fares</h5>
						    <small>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</small>
						    </div>
						  </div>
						</div>
					</div>
			</div>
			
		</div>
	</div>
	<div id="related_products">
		<h3 class="underline">Produits similaires</h3>
		<div class="padder">
        <div class="row-fluid">
          <div class="span4 product_container">
            <div class="product">
              <div class="image">
                <img src="img/tube.jpg" width="300"/>
              </div>
            	<p class="product_title underline">My awesome product</p>
              <p style="margin-top:8px; margin-left:12px;">
              	<img src="http://media-cache-ec5.pinterest.com/avatars/azeventdiva-42_30.jpg" width="18">
				<small style="color:#B2B39F;">Par <i><b>Akram Fares</b></i></small>
				</p>

            </div>
            <div class="badge badge-warning price">4 DHs</div> 
            <div class="actions">
            	<div class="btn-group">
					<a class="btn btn-danger btn-small" href="#"><i class="icon-heart icon-white"></i></a>
					<a class="btn btn-danger btn-small" href="#" style="font-weight:bold;">3</a>
				</div>
				<div class="btn-group">
					<a class="btn btn-small" href="#"><i class="icon-ok"></i></a>
					<a class="btn dropdown btn-small" href="#" style="font-weight:bold;">34</a>
				</div>
            </div>
          </div>
          

          <div class="span4 product_container">
            <div class="product">
              <div class="image">
                <img src="img/fisherman.jpg" width="300"/>
              </div>
            	<p class="product_title underline">My awesome product</p>
              <p style="margin-top:8px; margin-left:12px;">
              	<img src="http://media-cache-ec5.pinterest.com/avatars/azeventdiva-42_30.jpg" width="18">
				<small style="color:#B2B39F;">Par <i><b>Akram Fares</b></i></small>
				</p>

            </div>
            <div class="badge badge-warning price">4 DHs</div> 
            <div class="actions">
            	<div class="btn-group">
					<a class="btn btn-danger btn-small" href="#"><i class="icon-heart icon-white"></i></a>
					<a class="btn btn-danger btn-small" href="#" style="font-weight:bold;">3</a>
				</div>
				<div class="btn-group">
					<a class="btn btn-small" href="#"><i class="icon-ok"></i></a>
					<a class="btn dropdown btn-small" href="#" style="font-weight:bold;">34</a>
				</div>
            </div>
          </div>


          <div class="span4 product_container">
            <div class="product">
              <div class="image">
                <img src="img/tube.jpg" width="300"/>
              </div>
            	<p class="product_title underline">My awesome product</p>
              <p style="margin-top:8px; margin-left:12px;">
              	<img src="http://media-cache-ec5.pinterest.com/avatars/azeventdiva-42_30.jpg" width="18">
				<small style="color:#B2B39F;">Par <i><b>Akram Fares</b></i></small>
				</p>

            </div>
            <div class="badge badge-warning price">4 DHs</div> 
            <div class="actions">
            	<div class="btn-group">
					<a class="btn btn-danger btn-small" href="#"><i class="icon-heart icon-white"></i></a>
					<a class="btn btn-danger btn-small" href="#" style="font-weight:bold;">3</a>
				</div>
				<div class="btn-group">
					<a class="btn btn-small" href="#"><i class="icon-ok"></i></a>
					<a class="btn dropdown btn-small" href="#" style="font-weight:bold;">34</a>
				</div>
            </div>
          </div>
        </div>


        <div class="row-fluid" style="margin-top:12px;">
          <div class="span4 product_container">
            <div class="product">
              <div class="image">
                <img src="img/light.jpg" width="300"/>
              </div>
            	<p class="product_title underline">My awesome product</p>
              <p style="margin-top:8px; margin-left:12px;">
              	<img src="http://media-cache-ec5.pinterest.com/avatars/azeventdiva-42_30.jpg" width="18">
				<small style="color:#B2B39F;">Par <i><b>Akram Fares</b></i></small>
				</p>

            </div>
            <div class="badge badge-warning price">4 DHs</div> 
            <div class="actions">
            	<div class="btn-group">
					<a class="btn btn-danger btn-small" href="#"><i class="icon-heart icon-white"></i></a>
					<a class="btn btn-danger btn-small" href="#" style="font-weight:bold;">3</a>
				</div>
				<div class="btn-group">
					<a class="btn btn-small" href="#"><i class="icon-ok"></i></a>
					<a class="btn dropdown btn-small" href="#" style="font-weight:bold;">34</a>
				</div>
            </div>
          </div>



          <div class="span4 product_container">
            <div class="product">
              <div class="image">
                <img src="img/sunset.jpg" width="300"/>
              </div>
            	<p class="product_title underline">My awesome product</p>
              <p style="margin-top:8px; margin-left:12px;">
              	<img src="http://media-cache-ec5.pinterest.com/avatars/azeventdiva-42_30.jpg" width="18">
				<small style="color:#B2B39F;">Par <i><b>Akram Fares</b></i></small>
				</p>

            </div>
            <div class="badge badge-warning price">4 DHs</div> 
            <div class="actions">
            	<div class="btn-group">
					<a class="btn btn-danger btn-small" href="#"><i class="icon-heart icon-white"></i></a>
					<a class="btn btn-danger btn-small" href="#" style="font-weight:bold;">3</a>
				</div>
				<div class="btn-group">
					<a class="btn btn-small" href="#"><i class="icon-ok"></i></a>
					<a class="btn dropdown btn-small" href="#" style="font-weight:bold;">34</a>
				</div>
            </div>
          </div>



          <div class="span4 product_container">
            <div class="product">
              <div class="image">
                <img src="img/lovers.jpg" width="300"/>
              </div>
            	<p class="product_title underline">My awesome product</p>
              <p style="margin-top:8px; margin-left:12px;">
              	<img src="http://media-cache-ec5.pinterest.com/avatars/azeventdiva-42_30.jpg" width="18">
				<small style="color:#B2B39F;">Par <i><b>Akram Fares</b></i></small>
				</p>

            </div>
            <div class="badge badge-warning price">4 DHs</div> 
            <div class="actions">
            	<div class="btn-group">
					<a class="btn btn-danger btn-small" href="#"><i class="icon-heart icon-white"></i></a>
					<a class="btn btn-danger btn-small" href="#" style="font-weight:bold;">3</a>
				</div>
				<div class="btn-group">
					<a class="btn btn-small" href="#"><i class="icon-ok"></i></a>
					<a class="btn dropdown btn-small" href="#" style="font-weight:bold;">34</a>
				</div>
            </div>
          </div>
        </div>
      </div>
	</div>

<?php include("footer.php"); ?>